<html>
    <head>
        <title>混用示例</title>
    </head>
    <body>
        <script>
            
            /*
                      二、混用示例：

                                    在同一个Razor Page 中可以同时使用 ES Modules和 传统脚本：

                                            -- Razor Page --
                                            @section Scripts {

                                                    -- 传统脚本：使用RequireJS --
                                                    <script src="~/lib/requirejs/require.js"></、script>
                                                    <script>
                                                        require(['moduleA', 'moduleB'], function(a, b) {
                                                            // RequireJS加载模块
                                                        });
                                                    </、script>
                                                    
                                                    -- ES Modules：使用import/export --
                                                    <script type="module">
                                                        import { fetchData } from '~/js/data-service.js';
                                                        
                                                        document.addEventListener('DOMContentLoaded', async () => {
                                                            const data = await fetchData();
                                                            console.log(data);
                                                        });
                                                    </、script>
                                                    
                                                    -- 传统脚本：全局变量方式 --
                                                    <script src="~/js/legacy-script.js"></、script>
                                            }   


            */

        </script>
    </body>
</html>